/*GLOBAL*/
body, html { margin: 0; padding: 0; background: #fafafa; height: 100%; font-size: 15px; font-family: "Microsoft YaHei", Arial, sans-serif; color: #333; }
p, input, ul, li, dl, dd, h1, h2, h3, h4 { padding: 0; margin: 0; list-style: none; }
a { text-decoration: none; color: #333; }
    a:hover { color: #20b349; }
.fl { float: left; }
.fr { float: right; }
input { outline: none; }
    input::placeholder { color: #999; }
* { }
.mr30 { margin-right: 30px }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.wrapper { min-height: 100%; padding-bottom: 196px; box-sizing: border-box; position: relative; }

.t-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*HEADER*/
.news-header { height: 70px; background: #fff; box-shadow: 5px 0 10px rgba(53,55,54,.1); }
.n-h-area { width: 1190px; height: 70px; margin: 0 auto; overflow: hidden; }
.logo-yl, .logo-news { display: inline-block; vertical-align: middle; }
.logo-yl { background: url("../images/logo1.gif") no-repeat; width: 110px; height: 45px; margin-top: 12.5px; }
.logo-news { background: url("../images/logo-news.png") no-repeat; width: 63px; height: 45px; margin-top: 12.5px; }
.h-search-panel { background: #ebeeed; width: 400px; height: 40px; margin-top: 15px; }
.h-search { position: relative; }
.s-input { width: 100%; height: 40px; box-sizing: border-box; background: transparent; border: 0; padding: 0 40px 0 20px; }
.icon-search { position: absolute; width: 32px; height: 32px; background: url("../images/icon-search.png") no-repeat center; right: 4px; top: 4px; cursor: pointer;border:none; }
/*Container*/
.news-container { width: 1190px; margin: 0 auto; padding-top: 30px; }
.scroll-pic-box { width: 780px; height: 440px; float: left; }
.scroll-news-tabs { float: right; height: 440px; width: 410px; }
.scroll-pic-box .slide img { width: 780px; height: 440px; }
.scroll-news-tabs ul, .article-img img, .article-item-link .img img { height: 100%; width: 100%; }
.scroll-news-tabs li { display: table; width: 100%; height: 25%; color: #353736; padding: 20px; box-sizing: border-box; background: #353736; }
    .scroll-news-tabs li a { display: table-cell; vertical-align: middle; line-height: 32px; font-size: 20px; color: #c5c6c7; }
    .scroll-news-tabs li:hover, .scroll-news-tabs li.active { background: #20b349; }
        .scroll-news-tabs li:hover a, .scroll-news-tabs li.active a { color: #fff }
.news-panel { margin-top: 20px; }
.news-left-panel { width: 70%; padding-right: 40px; box-sizing: border-box; }
.news-right-panel { width: 30%; }
.news-title-box { border-bottom: 1px solid #ddd; margin-bottom: 15px; height: 50px; line-height: 50px; }
    .news-title-box .title { display: inline-block; border-bottom: 2px solid #20b349; padding: 0 5px; font-size: 22px; color: #20b349; font-weight: bold; font-style: italic; box-sizing: border-box; }
.more-link { color: #a5a4a4; font-size: 14px; }
.article-item { padding: 15px 0; border-bottom: 1px solid #eee; }
.article-img { width: 180px; height: 102px; margin-right: 20px; }
    .article-img img { object-fit: cover; }
.article-info { width: auto;  position: relative; margin-top:10px;}
.article-item .title { font-size: 20px; color: #262626;  line-height: 32px; cursor: pointer; }
.article-info-box { position: relative; width: 100%; line-height: 30px; }
    .article-item .text { font-size: 14px; color: #a5a4a4; vertical-align: middle; }
    .article-info-box a.text:hover, .article-info .title:hover { color: #20b349 }
.article-info-box p { line-height:180%;max-height:80px;overflow:hidden;}

.noboder-b { border-bottom: none; }
.pane-module { margin-bottom: 20px; background: #f3f3f3; padding: 10px 20px 20px; }
.article-list li .link { display: block; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; }
.icon-ranking { display: inline-block; width: 20px; height: 20px; font-size: 14px; color: #fff; border-radius: 10px; line-height: 20px; background: #b0b0b0; font-style: normal; margin-right: 10px; text-align: center; }
    .icon-ranking.org { background: #ff9600; }
.article-item-link { margin-bottom: 20px; display: block; }
    .article-item-link .img { width: 150px; height: 100px; float: left; margin-right: 20px; }
.a-inner-box { width: auto; overflow: hidden; }
    .a-inner-box .title { line-height: 30px; height: 90px; white-space:normal; margin-bottom: 5px;font-weight:normal; }
    .a-inner-box .info { font-size: 14px; color: #a5a4a4; }
.media-list { margin: 0 -10px 0px; }
    .media-list li { width: 14.2%; float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 10px; }
        .media-list li .link { background: #ebeeed; display: block; height: 40px; line-height: 40px; text-align: center; }
/*FOOTER*/
.footer-panel { background: #08150f; position: absolute; width: 100%; bottom: 0; }
.footer-con { width: 1190px; margin: 0 auto; padding: 30px; }
.footer-l { float: left; width: 60%; }
.f-nav { margin-left: -10px; }
    .f-nav li { display: inline-block; border-left: 1px solid #818181; line-height: 16px; }
        .f-nav li:first-child { border-left: 0; }
        .f-nav li .link { display: inline-block; padding: 0 10px; color: #818181; }
.f-info { }
    .f-info .text, .f-info .link, .copy-area { margin-right: 10px; color: #818181; font-size: 14px; }
.copy-area { margin: 10px 0 0 }
.footer-r { float: right; }
.contact-info { white-space: nowrap; margin-bottom: 10px; }
    .contact-info .title, .contact-info .text { color: #818181; }
.general-title .title { display: inline-block; font-size: 24px; color: #20b349; font-weight: bold; margin-bottom: 20px; line-height: 24px; }
.author-modaule { border: 1px solid #ddd; padding: 0 20px; margin-bottom: 20px; }
.author-portrait { display: block; width: 80px; height: 80px; border-radius: 40px; margin: 30px auto 20px; overflow: hidden; }
    .author-portrait img { width: 100%; height: 100%; }
.author-name { text-align: center; font-size: 24px; margin-bottom: 10px; }
.author-intro { color: #a5a4a4; text-indent: 20px; line-height: 26px; margin-bottom: 20px; }
.fixed-r { position: fixed; width: 357px; box-sizing: border-box; }
.totop-btn { position: fixed; left: 50%; margin-left: 595px; border: 1px solid #20b349; width: 50px; height: 50px; bottom: 200px; background: url("../images/to-top.png") no-repeat center; }
.loading-tips { text-align: center; margin: 20px 0 10px; }
/*DETAIL PAGE*/
.a-article-list { border-top: 1px solid #ddd; padding: 10px 0; }
    .a-article-list li { list-style: decimal; margin: 0 20px; }
    .a-article-list .link { display: block; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.detail-title { font-size: 36px; line-height: 46px; margin: 0 20px 20px; color: #262626; }
.detail-info { display: block; margin: 0 20px 20px; }
    .detail-info li { margin-right: 30px; display: inline-block; }
        .detail-info li span { color: #A5A4A4; }
.intro-box { background: #F3F3F3; padding: 20px; margin-bottom: 20px; }
    .intro-box .text { font-size: 18px; color: #A5A4A4; text-indent: 30px; }
.article-detail p { font-size: 18px; line-height: 36px; margin-bottom: 20px; text-indent: 30px; }
.article-detail img { max-width: 100%; }
.article-detail .article-end { padding-top: 20px; font-size: 16px; color: #262626; text-indent: 0; }
.share-box { position: relative; height: 30px; line-height: 30px; }
.icon-share { display: inline-block; width: 16px; height: 16px; background: url("../images/icon-share.png") no-repeat center; vertical-align: middle; }
.a-share { margin-top: -52px; }
.share-list { display: none }
.share-box:hover .share-list { display: block; position: absolute; top: 30px; right: 0; background: #fff; padding: 10px 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); z-index: 1; }
.share-list::after { position: absolute; top: -5px; right: 20px; content: ""; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.share-list .item { display: block; white-space: nowrap; }
    .share-list .item span { font-size: 14px; }
    .share-list .item:hover span { color: #20b349 }
.icon-wechat, .icon-moments, .icon-sinaweibo { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; }
.icon-wechat { background: url("../images/wechat.png") no-repeat center }
.icon-moments { background: url("../images/moments.png") no-repeat center }
.icon-sinaweibo { background: url("../images/sinaweibo.png") no-repeat center }

.page_box { margin: 20px 0 30px 0; text-align: right; }
    .page_box .info { padding-right: 30px; }
    .page_box a { display: inline-block; min-height: 30px; line-height: 30px; border-radius: 2px; min-width: 32px; text-align: center; margin-left: 7px; border: 1px solid #ccc; background-color: #fafafa; background: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#F2F2F2)); background: -moz-linear-gradient(top,#fcfcfc,#F2F2F2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc",endColorstr="#F2F2F2"); }
    .page_box .page-first, .page_box .page-last, .page_box .page-next, .page_box .page-end { width: auto; padding: 0 10px; }
    .page_box .disabled span { cursor: inherit; }
    .page_box span { font-size: 13px; font-family: ΢ÈíÑźÚ; }
    .page_box a span { }
    .page_box a:hover { background-color: #EEEEEE; background: -webkit-gradient(linear,0 0,0 100%,from(#E7E7E7),to(#fcfcfc)); background: -moz-linear-gradient(top,#E7E7E7,#fcfcfc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E7E7E7",endColorstr="#fcfcfc"); }
        .page_box a:hover span { }
    .page_box .this { display: inline-block; color: #a50; border-radius: 2px; font-weight: bold; height: 30px; line-height: 30px; min-width: 30px; _width: 30px; text-align: center; margin-left: 7px; border: 1px solid #f7bf4f; background-color: #fdeaa6; }

.news-detail { }
    .news-detail h1 { font-size: 36px; color: #262626;font-weight:normal; letter-spacing: 1px; line-height: 46px; padding: 20px 0; }
    .news-detail .info {color:#818181 }
        .news-detail .info span {margin-right:20px; }
    .news-detail .article p { text-indent: 2em; font-size: 16px; line-height: 200%; margin-bottom: 20px; }
    .news-detail .article table { border-collapse: collapse; border: none; font-size:14px}
        .news-detail .article table th { background: #F7F7F7; }
        .news-detail .article table td, .news-detail .article table th { padding: 3px 6px; border: 1px solid #DDD; text-indent: initial; }
    .news-detail .article p img { margin-left: -2em; max-width: 100%; }